<head>
    <meta charset="UTF-8">

<!--    1、透明看板娘-->
<!--        <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>-->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/>
        <link rel="stylesheet" href="__STATIC__/css/flat-ui.min.css"/>
        <link rel="stylesheet" href="__STATIC__/css/waifu1.css"/>
<!--        <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/autoload.js"></script>-->
        <script type="text/javascript" src="__STATIC__/js/autoload.js"></script>

<!--    /* 2、看板娘 */-->
    <script type="text/javascript" src="__STATIC__/js/L2Dwidget.0.min.js"></script>
    <script type="text/javascript" src="__STATIC__/js/L2Dwidget.min.js"></script>
<!--        <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>-->
    <style>
        #waifu-tool {
            color: #aaa;
            opacity: 0;
            position: absolute;
            right: 40px;
            top: 70px;
            transition: opacity 1s;
        }
        #waifu #live2d {
            left: -41px;
        }
        #waifu {
            bottom: -1000px;
            left: 0;
            line-height: 0;
            margin-bottom: -10px;
            position: fixed;
            transform: translateY(3px);
            transition: transform .3s ease-in-out, bottom 3s ease-in-out;
            z-index: 9999;
        }
    </style>
    <script type="text/javascript">
            L2Dwidget.init({"display": {
                    "superSample": 2,
                    "width": 200,
                    "height": 400,
                    "position": "right",
                    "hOffset": 0,
                    "vOffset": 0,
                    }
            });
        </script>
</head>